﻿<!doctype html>
<html class="no-js" dir="rtl" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Musicly - قالب HTML5 للفرق الموسيقية والموسيقيين</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.svg in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">
    <!-- CSS here -->
    <link rel="stylesheet" href="assets/app/css/bootstrap.rtl.min.css">
    <link rel="stylesheet" href="assets/app/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/app/css/nice-select.css">
    <link rel="stylesheet" href="assets/app/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/app/css/slick.css">
    <link rel="stylesheet" href="assets/app/css/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/app/css/backtotop.css">
    <link rel="stylesheet" href="assets/app/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/app/css/flaticon_musicly.css">
    <link rel="stylesheet" href="assets/app/css/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/app/css/spacing.css">
    <link rel="stylesheet" href="assets/app/css/main.css">
</head>

<body>

    <!--[if lte IE 9]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
      <![endif]-->

    <div class="mouseCursor cursor-outer"></div>
    <div class="mouseCursor cursor-inner"><span>يجر</span></div>

    <!-- Preloader start -->
    <div id="preloader">
        <div class="line-loader">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>
    </div>
    <!-- preloader end -->

    <!-- Offcanvas area start -->
    <div class="fix">
        <div class="offcanvas__info">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top mb-40 d-flex justify-content-between align-items-center">
                        <div class="offcanvas__logo">
                            <a href="index.html">
                                <img src="assets/img/logo/logo.svg" alt="logo">
                            </a>
                        </div>
                        <div class="offcanvas__close">
                            <button>
                                <i class="fal fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="offcanvas__user mb-30 d-xxl-none">
                        <div class="user__acount">
                            <span>
                                <a href="javascript:void(0)"><i class="flaticon-user"></i></a>
                            </span>
                            <div class="user__name-mail">
                                <h4 class="user__name"><a href="javascript:void(0)">جونسون</a></h4>
                                <p class="user__mail"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="13797c7b7d607c7d536476717e727a7f3d707c7e">[email&#160;protected]</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas__search mb-30">
                        <form action="#">
                            <input type="text" placeholder="Search Here">
                            <button type="submit"><i class="far fa-search"></i></button>
                        </form>
                    </div>
                    <div class="hr-1 mt-30 mb-30 d-xl-block"></div>
                    <div class="mobile-menu2 fix mb-30  d-xl-block"></div>
                    <div class="hr-1 mt-30 mb-30 d-xl-block"></div>
                    <div class="offcanvas__btn mb-30">
                        <a class="ms-border-btn" href="services.html"><i class="fa-solid fa-plus"></i> قائمة خدمتك</a>
                    </div>
                    <div class="offcanvas__social">
                        <div class="ms-footer-social mb-0">
                            <a href="https://www.linkedin.com/" title="Instagram" target="_blank">IN</a>
                            <a href="https://twitter.com/" title="Twitter" target="_blank">TW</a>
                            <a href="https://www.facebook.com/" title="Facebook" target="_blank">FB</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas__overlay"></div>
    <div class="offcanvas__overlay-white"></div>
    <!-- Offcanvas area start -->

    <!-- Header area start -->
    <header>
        <div id="header-sticky2"
            class="ms-header2 ms-header-transparent zindex-500 transition-03 ms-header-fixed mt-40">
            <div class="ms-header2-wrap d-flex align-items-center justify-content-between">
                <div class="ms-header2-item">
                    <div class="ms-header2-logo pt-5 pb-5">
                        <a href="index.html"><img src="assets/img/logo/logo.svg" alt="logo"></a>
                    </div>
                </div>
                <div class="ms-header2-item d-none d-xl-block">
                    <div class="ms-header2-singer-wrap d-flex align-items-center">

                        <div class="ms-header2-song">
                            <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                            <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
                                <div class="jp-type-playlist">
                                    <div class="ms-header2-singer">
                                        <div class="ms-header2-singer-img">
                                            <a href="#"><img src="assets/img/header/singer.png" alt="singer"></a>
                                        </div>
                                        <div class="ms-header2-singer-text">
                                            <h4><a href="genres-details.html">كرو ماجنون مان</a></h4>
                                            <div class="jp-title"></div>
                                        </div>
                                    </div>
                                    <div class="jp-gui">

                                        <div class="jp-toggles d-none">
                                            <button class="jp-repeat jp-btn" tabindex="0"><i
                                                    class="fa fa-repeat"></i></button>
                                            <button class="jp-shuffle jp-btn" tabindex="0"><i
                                                    class="fa fa-random"></i></button>
                                        </div>
                                        <div class="jp-controls-holder">
                                            <div class="jp-controls">
                                                <button class="jp-previous jp-btn" tabindex="0"><i
                                                        class="fa fa-forward"></i></button>
                                                <button class="jp-play jp-btn" tabindex="0"><i
                                                        class="fa fa-play"></i></button>
                                                <button class="jp-stop jp-btn d-none" tabindex="0"><i
                                                        class="fa fa-stop"></i></button>
                                                <button class="jp-next jp-btn" tabindex="0"><i
                                                        class="fa fa-backward"></i></button>
                                            </div>
                                            <div class="jp-times">
                                                <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                                            </div>
                                            <div class="jp-progress">
                                                <div class="jp-seek-bar">
                                                    <div class="jp-play-bar"></div>
                                                </div>
                                            </div>
                                            <div class="jp-times">
                                                <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
                                            </div>

                                        </div>
                                        <div class="jp-volume-controls">
                                            <button class="jp-mute jp-btn" tabindex="0"><i
                                                    class="fa fa-volume"></i></button>
                                            <button class="jp-volume-max d-none" tabindex="0">max
                                                volume</button>
                                            <div class="jp-volume-bar">
                                                <div class="jp-volume-bar-value"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="jp-playlist d-none">
                                        <ul>
                                            <li>&nbsp;</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ms-header2-item">
                    <div class="ms-header2-right d-flex align-items-center">
                        <div class="ms-dot-menu ms-cp d-flex align-items-center">
                            <div class="sidebar__toggle lh-1">
                                <div class="ms-dot-list">
                                    <span></span>
                                    <span></span>
                                </div>
                                <span class="ms-dot-menu-text">قائمة طعام</span>
                            </div>
                        </div>
                        <div class="ms-header2-services ml-65">
                            <a class="ms-border-btn" href="services.html"><i class="fa-solid fa-plus"></i> قائمة
                                خدمتك</a>
                        </div>
                        <div class="ms-header2-profile ml-20">
                            <a class="ms-profile-btn" href="login.html"><i class="flaticon-user"></i></a>
                        </div>
                    </div>
                </div>
                <div class="ms-header2-item d-none">
                    <div class="mean__menu-wrapper">
                        <div class="main-menu main-menu-ff-space">
                            <nav id="mobile-menu2">
                                <ul>
                                    <li class="has-dropdown">
                                        <a href="index.html">بيت</a>
                                        <ul class="submenu">
                                            <li><a href="index.html">نمط المنزل 01</a></li>
                                            <li><a href="index-2.html">نمط المنزل 02</a></li>
                                            <li><a href="index-3.html">نمط المنزل 03</a></li>
                                            <li class="has-dropdown">
                                                <a href="javascript:void(0)">العروض التوضيحية من RTL</a>
                                                <ul class="submenu">
                                                    <li><a href="index-rtl.html">نمط المنزل 01 RTL</a>
                                                    </li>
                                                    <li><a href="index-2-rtl.html">نمط المنزل 02 RTL</a>
                                                    </li>
                                                    <li><a href="index-3-rtl.html">نمط المنزل 03 RTL</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="about.html">معلومات عنا</a>
                                    </li>
                                    <li>
                                        <a href="work-system.html">كيف تعمل</a>
                                    </li>
                                    <li class="has-dropdown has-mega-menu">
                                        <a href="#">الصفحات</a>
                                        <ul class="mega-menu">
                                            <li>
                                                <a href="javasript:void(0);" class="mega-menu-title">
                                                    1تخطيط الصفحة</a>
                                                <ul>
                                                    <li><a href="index.html">01 نمط المنزل</a></li>
                                                    <li><a href="index-2.html">02 نمط المنزل</a></li>
                                                    <li><a href="index-3.html">03 نمط المنزل</a></li>
                                                    <li><a href="index-rtl.html">نمط المنزل 01 RTL</a>
                                                    </li>
                                                    <li><a href="index-2-rtl.html">نمط المنزل 02 RTL</a>
                                                    </li>
                                                    <li><a href="index-3-rtl.html">نمط المنزل 03 RTL</a>
                                                    </li>
                                                    <li><a href="about.html">عن</a></li>

                                                </ul>
                                            </li>
                                            <li>
                                                <a href="javasript:void(0);" class="mega-menu-title">تخطيط الصفحة 2</a>
                                                <ul>
                                                    <li><a href="genres.html">الأنواع</a></li>
                                                    <li><a href="genres-details.html">تفاصيل الأنواع</a>
                                                    </li>
                                                    <li><a href="team.html">فريق</a></li>
                                                    <li><a href="team-details.html">تفاصيل الفريق</a>
                                                    </li>
                                                    <li><a href="enquiry-list.html">قائمة الاستفسار</a>
                                                    </li>
                                                    <li><a href="work-system.html">كيف تعمل</a></li>
                                                    <li><a href="faq.html">التعليمات</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="javasript:void(0);" class="mega-menu-title">
                                                    3 تخطيط الصفحة</a>
                                                <ul>
                                                    <li><a href="event.html">حدث</a></li>
                                                    <li><a href="event-details.html">اصيل الحدث</a>
                                                    </li>
                                                    <li><a href="ideas-advice.html">نصائح الأفكار</a>
                                                    </li>
                                                    <li><a href="ideas-advice-details.html">تفاصيل نصائح الأفكار</a>
                                                    </li>
                                                    <li><a href="news.html">أخبار</a></li>
                                                    <li><a href="news-details.html">تفاصيل الخبر</a>
                                                    </li>
                                                    <li><a href="join.html">انضم إلينا</a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="javasript:void(0);" class="mega-menu-title">4 تخطيط الصفحة</a>
                                                <ul>
                                                    <li><a href="shop.html">محل</a></li>
                                                    <li><a href="shop-details.html">تفاصيل المتجر</a></li>
                                                    <li><a href="cart.html">عربة التسوق</a></li>
                                                    <li><a href="wishlist.html">قائمة الرغبات</a></li>
                                                    <li><a href="login.html">تسجيل الدخول</a></li>
                                                    <li><a href="signup.html">يسجل</a></li>
                                                    <li><a href="contact.html">اتصال</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-dropdown">
                                        <a href="news.html">مدونة</a>
                                        <ul class="submenu">
                                            <li><a href="news.html">مدونة</a></li>
                                            <li><a href="news-details.html">تفاصيل المدونة</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact.html"> مركز المساعدة</a>
                                    </li>
                                </ul>
                            </nav>
                            <!-- for wp -->
                            <div class="header__hamburger ml-50 d-none">
                                <button type="button" class="hamburger-btn offcanvas-open-btn">
                                    <span>01</span>
                                    <span>01</span>
                                    <span>01</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header area end -->

    <div id="smooth-wrapper">
        <div id="smooth-content">

            <main>


                <!-- Banner Area Start Here  -->
                <section class="ms-banner2-area fix">
                    <div class="ms-banner2-wrap ms-banner2-height p-relative ms-bg"
                        data-background="assets/img/banner/banner-thumb-02.jpg">
                        <div class="ms-banner2-shape p-absolute"></div>
                        <div class="ms-banner2-cover-img p-absolute">
                            <img src="assets/img/banner/banner-thumb-03.png" alt="banner">
                        </div>
                        <h2 class="ms-banner2-title">موسيقي</h2>
                        <div class="ms-banner2-video mb-10">
                            <a href="https://www.youtube.com/watch?v=Rf9flQISwok"
                                class="popup-video ms-banner2-video-btn">
                                <img class="ms-rotation-360" src="assets/img/banner/banner-border.png" alt="banner">
                                <span>يلعب</span>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- Banner Area End Here  -->

                <!-- Find Musician Area Start Here  -->
                <section class="ms-find-musician pt-70 pb-130">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-xxl-10">
                                <div class="ms-find-musician-wrap">
                                    <h2 class="ms-find-musician-title mb-65 text-center bd-title-anim">استأجر فرقة
                                        موسيقية<span class="ms-text-gradient1">حية</span>
                                        <span class="ms-color-1">or</span> <span
                                            class="ms-text-gradient2">موسيقيًا</span> لحضور
                                        <br>حفل زفافك أو حفلتك
                                    </h2>
                                    <div class="ms-banner__form two bdFadeUp">
                                        <form action="#">
                                            <div class="ms-banner__from-inner two ms-bg-2">
                                                <div class="ms-banner__form-select ms-nice-select">
                                                    <select>
                                                        <option value="1" selected disabled>ما الذي تبحث عنه؟</option>
                                                        <option value="2">المطربين</option>
                                                        <option value="3">العصابات والمجموعة</option>
                                                        <option value="4">تحية</option>
                                                        <option value="5">موسيقيون منفردون</option>
                                                    </select>
                                                </div>
                                                <div class="ms-banner__form-select ms-nice-select">
                                                    <select>
                                                        <option value="1" selected disabled>ما الذي تبحث عنه؟</option>
                                                        <option value="2">المطربين</option>
                                                        <option value="3">العصابات والمجموعة</option>
                                                        <option value="4">تحية</option>
                                                        <option value="4">موسيقيون منفردون</option>
                                                    </select>
                                                </div>
                                                <div class="ms-banner__form-select ms-nice-select ms-border-none">
                                                    <select>
                                                        <option value="1" selected disabled>اين حدثك?</option>
                                                        <option value="2">في شقة</option>
                                                        <option value="3">في قاعة</option>
                                                        <option value="3">في منتجع</option>
                                                        <option value="3">في مجال مفتوح</option>
                                                    </select>
                                                </div>
                                                <div class="banner__form-button">
                                                    <button class="ms-white-bg"><i class="flaticon-loupe"></i>البحث عن
                                                        أعمال</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Find Musician Area End Here  -->

                <!-- Brand Song Area Start Here  -->
                <section class="ms-song-area pb-130">
                    <div class="container">
                        <div class="ms-song-border pt-65 pb-65">
                            <div class="swiper-container ms-song2-active fix">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/01.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">01</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">أركيد فاير</a>
                                                </h3>
                                                <span class="ms-song-text">فرقة الروك الكندية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/02.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">02</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">بيستي بويز</a>
                                                </h3>
                                                <span class="ms-song-text">الهيب هوب الأمريكية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/03.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">03</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">شقراء</a></h3>
                                                <span class="ms-song-text">فرقة الروك الأمريكية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/04.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">04</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">سبت أسود</a>
                                                </h3>
                                                <span class="ms-song-text">مجموعة الروك البريطانية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/05.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">05</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الصبي الثاني
                                                        الرجال</a>
                                                </h3>
                                                <span class="ms-song-text">قوم هونغ كونغ</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/06.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">06</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الوقايات</a>
                                                </h3>
                                                <span class="ms-song-text">فرقة كندا</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/07.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">07</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">طيور النحام</a>
                                                </h3>
                                                <span class="ms-song-text">مجموعة شيكاغو روك</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/05.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">05</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الصبي الثاني
                                                        الرجال</a>
                                                </h3>
                                                <span class="ms-song-text">قوم هونغ كونغ</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/05.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">05</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الصبي الثاني
                                                        الرجال</a>
                                                </h3>
                                                <span class="ms-song-text">قوم هونغ كونغ</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/06.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">06</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الوقايات</a>
                                                </h3>
                                                <span class="ms-song-text">فرقة كندا</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/04.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">04</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">سبت أسود</a>
                                                </h3>
                                                <span class="ms-song-text">مجموعة الروك البريطانية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/01.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">01</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">أركيد فاير</a>
                                                </h3>
                                                <span class="ms-song-text">فرقة الروك الكندية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/02.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">02</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">بيستي بويز</a>
                                                </h3>
                                                <span class="ms-song-text">الهيب هوب الأمريكية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/03.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">03</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">شقراء</a></h3>
                                                <span class="ms-song-text">فرقة الروك الأمريكية</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/05.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">05</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الصبي الثاني
                                                        الرجال</a>
                                                </h3>
                                                <span class="ms-song-text">قوم هونغ كونغ</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="ms-song-item">
                                            <div class="ms-song-img p-relative">
                                                <a href="genres-details.html"><img src="assets/img/brand-song/06.png"
                                                        alt="brand-song"></a>
                                                <span class="ms-song-num">06</span>
                                            </div>
                                            <div class="ms-song-content">
                                                <h3 class="ms-song-title"><a href="genres-details.html">الوقايات</a>
                                                </h3>
                                                <span class="ms-song-text">فرقة كندا</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Brand Song Area End Here  -->

                <!-- work area start -->
                <section class="work__area ms-bg-2 pt-130 pb-60 p-relative">
                    <img class="work__vactor-shape d-none d-xl-block" src="assets/img/work/vector-shape-2.png"
                        alt="vector shape">
                    <div class="container">
                        <div class="row align-items-center bdFadeUp">
                            <div class="col-xl-6">
                                <div class="work__thumb-wrapper zindex-1 p-relative mb-60 d-inline-block">
                                    <div class="work__thumb-inner p-relative zindex-5">
                                        <div class="work__thumb m-img">
                                            <img src="assets/img/work/work-thumb-04.png" alt="work image">
                                        </div>
                                    </div>
                                    <div class="ms-work-round p-absolute zindex--1 d-none d-sm-block"></div>
                                    <div class="ms-work-round p-absolute two zindex--1 d-none d-sm-block"></div>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <div class="work__content-wrapper work__content-wrapper-space mb-70">
                                    <div class="section__title-wrapper mb-50 bd-title-anim">
                                        <span class="section__subtitle">كيف تعمل</span>
                                        <h2 class="section__title two">مرحبًا بكم في الموسيقى الحية الرائدة في المملكة
                                            المتحدة
                                            <span class="animated-underline active">وكالة الحجز</span>
                                        </h2>
                                    </div>
                                    <div class="work__features-inner">
                                        <div class="work__features-item">
                                            <div class="work__features-icon">
                                                <span>
                                                    <svg width="46" height="27" viewBox="0 0 46 27" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <g clip-path="url(#clip0_36_265)">
                                                            <mask id="mask0_36_265" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="2" y="-1" width="42"
                                                                height="27">
                                                                <path
                                                                    d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                    fill="#DFEFFF" stroke="#2690FF"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                            </mask>
                                                            <g mask="url(#mask0_36_265)">
                                                                <path
                                                                    d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <mask id="mask1_36_265" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="0" y="23" width="46"
                                                                height="4">
                                                                <path
                                                                    d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                    fill="#2690FF" />
                                                            </mask>
                                                            <g mask="url(#mask1_36_265)">
                                                                <path
                                                                    d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                    fill="white" />
                                                            </g>
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M14.6847 16.2461H16.1739L15.057 10.614H11.7063L10.9617 16.2461H12.4509V17.7478C12.4509 18.368 12.9509 18.8743 13.5678 18.8743C14.1889 18.8743 14.6847 18.37 14.6847 17.7478V16.2462V16.2461Z"
                                                                fill="white" stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M21.7584 18.8743H20.2692L18.4077 10.6139H23.6199L21.7584 18.8743Z"
                                                                fill="white" stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M13.3817 9.48762C14.3069 9.48762 15.057 8.73116 15.057 7.79801C15.057 6.86486 14.3069 6.1084 13.3817 6.1084C12.4564 6.1084 11.7063 6.86486 11.7063 7.79801C11.7063 8.73116 12.4564 9.48762 13.3817 9.48762Z"
                                                                fill="white" stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M20.8277 9.48762C21.753 9.48762 22.5031 8.73116 22.5031 7.79801C22.5031 6.86486 21.753 6.1084 20.8277 6.1084C19.9024 6.1084 19.1523 6.86486 19.1523 7.79801C19.1523 8.73116 19.9024 9.48762 20.8277 9.48762Z"
                                                                fill="white" stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path d="M27.9299 7.56274H34.8759" stroke="white"
                                                                stroke-linecap="round" />
                                                            <path d="M27.9299 10.4714H34.8759" stroke="white"
                                                                stroke-linecap="round" />
                                                            <path d="M27.9299 13.3801H34.8759" stroke="white"
                                                                stroke-linecap="round" />
                                                            <path d="M27.9299 16.2888H32.5446" stroke="white"
                                                                stroke-linecap="round" />
                                                        </g>
                                                        <defs>
                                                            <clipPath id="clip0_36_265">
                                                                <rect width="45" height="27" fill="white"
                                                                    transform="translate(0.523438)" />
                                                            </clipPath>
                                                        </defs>
                                                    </svg>
                                                </span>
                                            </div>
                                            <div class="work__features-content">
                                                <h4>تصفح وقارن.</h4>
                                                <p>قارن الأسعار وتوافر الفنانين المحليين والبائعين.
                                                </p>
                                            </div>
                                        </div>
                                        <div class="work__features-item">
                                            <div class="work__features-icon">
                                                <span>
                                                    <svg width="46" height="30" viewBox="0 0 46 30" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <g clip-path="url(#clip0_36_354)">
                                                            <mask id="mask0_36_354" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="6" y="-1" width="41"
                                                                height="27">
                                                                <path
                                                                    d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                    fill="#DFEFFF" stroke="#2690FF"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                            </mask>
                                                            <g mask="url(#mask0_36_354)">
                                                                <path
                                                                    d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <path
                                                                d="M40.7134 17.208L27.6577 17.208M24.9091 17.208L11.8533 17.208"
                                                                stroke="white" stroke-linecap="square"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M31.5173 11.7109L39.6023 11.7109C40.2159 11.7109 40.7134 11.2135 40.7134 10.5998V5.95061C40.7134 5.33696 40.2159 4.8395 39.6023 4.8395L31.5173 4.8395C30.9037 4.8395 30.4062 5.33696 30.4062 5.95061V10.5998C30.4062 11.2135 30.9037 11.7109 31.5173 11.7109Z"
                                                                stroke="white" stroke-width="2" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M34.5291 11.7109V4.8395M40.7134 8.96236H35.2162M34.5291 7.58808H30.4062"
                                                                stroke="white" stroke-linecap="square"
                                                                stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M1.26636 20.3433H12.9603V28.4391H1.26636V20.3433Z"
                                                                fill="white" stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path
                                                                d="M12.0606 19.8935C12.0606 17.1611 9.8456 14.946 7.11321 14.946C4.38081 14.946 2.16577 17.1611 2.16577 19.8935"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <defs>
                                                            <clipPath id="clip0_36_354">
                                                                <rect width="45" height="29.4444" fill="white"
                                                                    transform="translate(0.523438)" />
                                                            </clipPath>
                                                        </defs>
                                                    </svg>
                                                </span>
                                            </div>
                                            <div class="work__features-content">
                                                <h4>احجز بأمان.</h4>
                                                <p>الحجز من خلال GigSalad يضمن حماية الدفع ، خدمة مذهلة.</p>
                                            </div>
                                        </div>
                                        <div class="work__features-item">
                                            <div class="work__features-icon">
                                                <span>
                                                    <svg width="46" height="42" viewBox="0 0 46 42" fill="none"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <g clip-path="url(#clip0_36_396)">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M36.5665 12.3724C38.1067 12.677 39.8538 12.4088 41.4313 11.4975C44.5453 9.70015 45.8206 6.07889 44.2793 3.4094C42.7388 0.740078 38.965 0.0338131 35.8508 1.83184C34.2735 2.7425 33.1675 4.12203 32.6608 5.60739L36.5665 12.3724Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <mask id="mask0_36_396" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="38" y="2" width="4"
                                                                height="4">
                                                                <path
                                                                    d="M38.9634 2.95068L40.5035 3.36336L40.0908 4.90348L38.5507 4.4908L38.9634 2.95068Z"
                                                                    stroke="#2690FF" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </mask>
                                                            <g mask="url(#mask0_36_396)">
                                                                <path
                                                                    d="M39.8188 2.83813L40.6161 4.21897L39.2352 5.01619L38.438 3.63536L39.8188 2.83813Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <mask id="mask1_36_396" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="39" y="5" width="4"
                                                                height="4">
                                                                <path
                                                                    d="M40.5579 5.7124L42.098 6.12508L41.6853 7.6652L40.1452 7.25252L40.5579 5.7124Z"
                                                                    stroke="#2690FF" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </mask>
                                                            <g mask="url(#mask1_36_396)">
                                                                <path
                                                                    d="M41.4133 5.59985L42.2106 6.98069L40.8297 7.77791L40.0325 6.39708L41.4133 5.59985Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <mask id="mask2_36_396" style="mask-type:alpha"
                                                                maskUnits="userSpaceOnUse" x="36" y="5" width="4"
                                                                height="4">
                                                                <path
                                                                    d="M36.999 5.92603L38.5391 6.3387L38.1265 7.87882L36.5863 7.46614L36.999 5.92603Z"
                                                                    stroke="#2690FF" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </mask>
                                                            <g mask="url(#mask2_36_396)">
                                                                <path
                                                                    d="M37.8545 5.81348L38.6517 7.19431L37.2709 7.99153L36.4737 6.6107L37.8545 5.81348Z"
                                                                    stroke="white" stroke-linecap="round"
                                                                    stroke-linejoin="round" />
                                                            </g>
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M33.0191 6.22821L36.2079 11.7513L33.4466 13.3461L30.2571 7.82284L33.0191 6.22821Z"
                                                                fill="white" stroke="white" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M30.2575 7.82262L33.4462 13.3457L15.0969 23.0193L12.7052 18.8768L30.2575 7.82262Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M13.1038 19.5673L14.6985 22.3293L11.9367 23.9233L10.3419 21.1619L13.1038 19.5673Z"
                                                                fill="white" stroke="white" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M11.1395 22.5428L4.23499 26.5292" stroke="white"
                                                                stroke-linecap="square" stroke-linejoin="round" />
                                                            <path
                                                                d="M3.54494 26.9275C1.63803 28.0284 0.984887 30.466 2.08584 32.3729C3.18697 34.2791 5.62455 34.9323 7.53127 33.832M11.5172 40.7358C13.4241 39.6348 14.0772 37.1973 12.9763 35.2904C11.8751 33.3841 9.43756 32.731 7.53084 33.8313"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M29.0258 35.4579C30.7317 35.4579 32.115 34.5359 32.115 33.3984C32.115 32.2608 30.7317 31.3389 29.0258 31.3389C27.3198 31.3389 25.9365 32.2608 25.9365 33.3984C25.9365 34.5359 27.3198 35.4579 29.0258 35.4579Z"
                                                                fill="white" />
                                                            <path d="M31.4285 32.7118V23.1736" stroke="white"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M37.9503 38.204C39.6563 38.204 41.0396 37.282 41.0396 36.1445C41.0396 35.0069 39.6563 34.085 37.9503 34.085C36.2444 34.085 34.8611 35.0069 34.8611 36.1445C34.8611 37.282 36.2444 38.204 37.9503 38.204Z"
                                                                fill="white" />
                                                            <path d="M40.3529 34.7713V25.4452L31.4285 23.1008"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <defs>
                                                            <clipPath id="clip0_36_396">
                                                                <rect width="45" height="41.4474" fill="white"
                                                                    transform="translate(0.523438)" />
                                                            </clipPath>
                                                        </defs>
                                                    </svg>
                                                </span>
                                            </div>
                                            <div class="work__features-content">
                                                <h4>استمتع بحدثك.</h4>
                                                <p>اجلس واسترخي وشاهد حفلتك تنبض بالحياة.</p>
                                            </div>
                                        </div>
                                        <div class="work__features-bottom">
                                            <div class="work__features-action">
                                                <div class="work__features-btn">
                                                    <a class="unfill__btn" href="contact.html">البدء</a>
                                                </div>
                                                <div class="features__btn-text">
                                                    <span>احجز شيئًا<br>رائعًا!</span>
                                                </div>
                                            </div>
                                            <div class="work__features-arrow">
                                                <img src="assets/img/work/arrow.png" alt="الصورة غير موجودة">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- work area end -->

                <!-- Trending area start -->
                <section class="trending__area p-relative fix pt-130 include__bg pb-130"
                    data-background="assets/img/trending/tranding-bg.png">
                    <div class="ms-overlay ms-overlay4 p-absolute"></div>
                    <div class="container">
                        <div class="row align-items-end mb-25 bdFadeUp">
                            <div class="col-lg-8">
                                <div class="section__title-wrapper mb-40 bd-title-anim">
                                    <span class="section__subtitle">الأنواع الشائعة</span>
                                    <h2 class="section__title"><span class="animated-underline active">الأكثر
                                            شيوعًا</span>
                                        الأنواع</h2>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="trending-btn mb-40 d-flex justify-content-lg-end">
                                    <a class="border__btn zindex-5" href="genres.html">مشاهدة جميع الأنواع</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ms-trending-active-wrap bdFadeUp">
                        <div class="swiper-container ms-trending-active">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 99 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/07.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/07.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 119 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/08.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/08.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 55 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/02.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/02.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 90 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/10.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/10.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 90 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/11.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/11.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 90 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/07.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/07.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>From $119</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/08.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/08.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 55 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/02.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/02.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 90 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/10.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/10.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="ms-trending2-item fix">
                                        <div class="ms-trending2-overlay p-absolute"></div>
                                        <span class="trending__title">موسيقي</span>
                                        <div class="trending__price">
                                            <span>من 55 دولارًا</span>
                                        </div>
                                        <div class="ms-trending2-img w-img">
                                            <a href="genres-details.html"><img src="assets/img/trending/11.jpg"
                                                    alt="trending image"></a>
                                        </div>
                                        <div class="ms-trending2-content">
                                            <div class="ms-trending2-shape">
                                                <img src="assets/img/trending/trending-shape.png" alt="trending shape">
                                            </div>
                                            <div class="ms-trending2-title-wrap">
                                                <a class="ms-trending2-title p-relative ms-title-border"
                                                    href="genres-details.html">فرق حفلات للإيجار</a>
                                                <a class="ms-round-btn popup-image" href="assets/img/trending/11.jpg"><i
                                                        class="flaticon-right-arrow-1"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Trending area start -->

                <!-- Function Brand Area Start Here  -->
                <section class="ms-fun-brand pb-130 pt-125">
                    <div class="container">
                        <div class="row justify-content-center bdFadeUp">
                            <div class="col-xl-7">
                                <div class="section__title-wrapper mb-65 text-center bd-title-anim">
                                    <span class="section__subtitle">العصابات الوظيفية</span>
                                    <h2 class="section__title">ملكنا<span class="animated-underline active">الوظيفة
                                            الأكثر شيوعًا</span>
                                        يربط
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="ms-fun-brand-wrap bdFadeUp">
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-01.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">بيستي بويز</a></h3>
                                        <span class="ms-fun-brand-subtitle">الهيب هوب الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>أوهايو</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-02.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">شقراء</a>
                                        </h3>
                                        <span class="ms-fun-brand-subtitle">فرقة الروك الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>شيكاغو</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star unrate"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-03.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">سبت أسود</a></h3>
                                        <span class="ms-fun-brand-subtitle">مجموعة الروك البريطانية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>لندن</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-04.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">الوقايات</a></h3>
                                        <span class="ms-fun-brand-subtitle">فرقة كندا</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>لندن</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-05.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">بيستي بويز</a></h3>
                                        <span class="ms-fun-brand-subtitle">الهيب هوب الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>جورجيا</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star unrate"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-06.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">شقراء</a>
                                        </h3>
                                        <span class="ms-fun-brand-subtitle">فرقة الروك الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>نادي
                                            المدينة</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-07.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">سبت أسود</a></h3>
                                        <span class="ms-fun-brand-subtitle">مجموعة الروك البريطانية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>باكستان</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-08.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">شقراء</a></h3>
                                        <span class="ms-fun-brand-subtitle">فرقة الروك الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>شيكاغو</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star unrate"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-05.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">بيستي بويز</a>
                                        </h3>
                                        <span class="ms-fun-brand-subtitle">الهيب هوب الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>أوهايو</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star unrate"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-01.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">بيستي بويز</a></h3>
                                        <span class="ms-fun-brand-subtitle">American hip-hop</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>أوهايو</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-05.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">بيستي بويز</a></h3>
                                        <span class="ms-fun-brand-subtitle">الهيب هوب الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>جورجيا</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star unrate"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="ms-fun-brand-item ms-fun-border">
                                <div class="ms-fun-brand-top mb-20">
                                    <div class="ms-fun-brand-thumb">
                                        <a href="genres-details.html"><img
                                                src="assets/img/function-brand/function-brand-06.png"
                                                alt="function brand"></a>
                                    </div>
                                    <div class="ms-fun-brand-content">
                                        <h3 class="ms-fun-brand-title"><a href="genres-details.html">شقراء</a>
                                        </h3>
                                        <span class="ms-fun-brand-subtitle">فرقة الروك الأمريكية</span>
                                    </div>
                                </div>
                                <div class="ms-fun-brand-bottom">
                                    <div class="ms-fun-brand-location">
                                        <a href="https://www.google.com/maps" target="_blank"> <i
                                                class="flaticon-pin"></i>نادي
                                            المدينة</a>
                                    </div>
                                    <div class="ms-fun-brand-rating">
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                        <i class="flaticon-star"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Function Brand Area End Here  -->

                <!-- Download App Area Start Here  -->
                <section class="ms-app-area fix pb-70">
                    <div class="container">
                        <div class="row align-items-center bdFadeUp">
                            <div class="col-xl-6">
                                <div class="ms-app-left mb-45">
                                    <div class="section__title-wrapper mb-40 bd-title-anim">
                                        <span class="section__subtitle">تحميل Musicly</span>
                                        <h2 class="section__title">أفضل طريقة ل<span
                                                class="animated-underline active">توظيف للموسيقي</span>
                                        </h2>
                                    </div>
                                    <p class="ms-app-text mb-65">ستضمن لك أعمالنا المنتقاة بعناية ترفيه زفاف رائع لكل
                                        جزء.سنوفر المساعدة والدعم على مدار 24 ساعة في اليوم ، 7 أيام في الأسبوع ، حتى
                                    </p>
                                    <div class="ms-app-inner ms-app-list ms-app-opacity">
                                        <a href="#" target="_blank"><img src="assets/img/cta/app-store.png"
                                                alt="app store"></a>
                                        <a href="#" class="active" target="_blank"><img
                                                src="assets/img/cta/amazonmusic.png" alt="amazon music"></a>
                                        <a href="#" target="_blank"><img src="assets/img/cta/play-store.png"
                                                alt="play store"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6">
                                <div class="ms-app-right m-img mb-60">
                                    <img src="assets/img/bg/app-cricle-bg.png" alt="app circle">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Download App Area Start Here -->

                <!-- Event Area Start Here  -->
                <section class="ms-event2-area include__bg zindex-1 p-relative pt-140 pb-105"
                    data-background="assets/img/event/event-bg-3.png">
                    <div class="ms-overlay ms-overlay1 zindex--1"></div>
                    <div class="container">
                        <div class="row justify-content-center mb-25 bdFadeUp">
                            <div class="col-xl-6">
                                <div class="ms-event2-top text-center">
                                    <div class="ms-event2 mb-40">
                                        <a href="https://www.youtube.com/watch?v=Rf9flQISwok"
                                            class="ms-round2-btn popup-video"><i
                                                class="fa-sharp fa-solid fa-play"></i></a>
                                    </div>
                                    <div class="section__title-wrapper mb-40 bd-title-anim">
                                        <span class="section__subtitle">أحداث خاصة</span>
                                        <h2 class="section__title">خاص <span class="animated-underline active">
                                                حدث قادم</span>
                                            أعلى
                                        </h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row bdFadeUp">
                            <div class="col-lg-6">
                                <div class="ms-event2-item mb-25">
                                    <h3 class="ms-event-title"><a href="event-details.html">أفكار ترفيهية للزفاف</a>
                                    </h3>
                                    <p class="ms-event-text">ستضمن لك أعمالنا المنتقاة بعناية ترفيه زفاف رائع لكل جزء.
                                        سنوفر المساعدة والدعم على مدار 24 ساعة في اليوم ، 7 أيام في الأسبوع ، حتى</p>
                                    <div class="ms-event-inner">
                                        <div class="ms-event-location">
                                            <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                    class="flaticon-pin"></i>شيكاغو</a>
                                        </div>
                                        <div class="ms-event-date">
                                            <span>7:00 مساءً يوم السبت 18 فبراير 2023</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="ms-event2-item mb-25">
                                    <h3 class="ms-event-title"><a href="event-details.html">أفكار ترفيهية للشركات</a>
                                    </h3>
                                    <p class="ms-event-text">ستضمن لك أعمالنا المنتقاة بعناية ترفيه زفاف رائع لكل
                                        جزء.سنوفر المساعدة والدعم على مدار 24 ساعة في اليوم ، 7 أيام في الأسبوع ، حتى
                                    </p>
                                    <div class="ms-event-inner">
                                        <div class="ms-event-location">
                                            <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                    class="flaticon-pin"></i>أوهايو</a>
                                        </div>
                                        <div class="ms-event-date">
                                            <span>9:00 مساءً ، السبت 25 فبراير 2023</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="ms-event2-item mb-25">
                                    <h3 class="ms-event-title"><a href="event-details.html">أفكار ترفيهية للشركات</a>
                                    </h3>
                                    <p class="ms-event-text">ستضمن لك أعمالنا المنتقاة بعناية ترفيه زفاف رائع لكل جزء.
                                        سنوفر المساعدة والدعم على مدار 24 ساعة في اليوم ، 7 أيام في الأسبوع ، حتى</p>
                                    <div class="ms-event-inner">
                                        <div class="ms-event-location">
                                            <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                    class="flaticon-pin"></i>أوهايو</a>
                                        </div>
                                        <div class="ms-event-date">
                                            <span>9:00 مساءً ، السبت 25 فبراير 2023</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="ms-event2-item mb-25">
                                    <h3 class="ms-event-title"><a href="event-details.html">فرق حفلة ليلة رأس السنة
                                            الجديدة</a></h3>
                                    <p class="ms-event-text">ستضمن لك أعمالنا المنتقاة بعناية ترفيه زفاف رائع لكل جزء.
                                        سنوفر المساعدة والدعم على مدار 24 ساعة في اليوم ، 7 أيام في الأسبوع ، حتى</p>
                                    <div class="ms-event-inner">
                                        <div class="ms-event-location">
                                            <a href="https://www.google.com/maps" target="_blank" tabindex="0"><i
                                                    class="flaticon-pin"></i>نادي المدينة</a>
                                        </div>
                                        <div class="ms-event-date">
                                            <span>9:00 مساءً ، السبت 1 يناير 2023</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Event Area End Here  -->

                <!-- Testimonial area end here  -->
                <section class="ms-tm2-area p-relative fix pt-130 pb-130">
                    <div class="ms-tm2-line p-absolute">
                        <img src="assets/img/testimonial/testimonial-line.png" alt="testimonial line">
                    </div>
                    <div class="container">
                        <div class="row justify-content-center bdFadeUp">
                            <div class="col-xl-6">
                                <div class="section__title-wrapper text-center mb-65 bd-title-anim">
                                    <span class="section__subtitle">التقيمات رهيبة</span>
                                    <h2 class="section__title">الشعوب <span class="animated-underline active">فكر في
                                            الأمر</span>
                                        نحن
                                    </h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                        <div class="ms-tm2-imgs-wrap p-relative bdFadeUp">
                            <div class="ms-tm2-img1 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                                <img src="assets/img/testimonial/testimonial-07.png" alt="testimonial image">
                            </div>
                            <div class="ms-tm2-img2 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                                <img src="assets/img/testimonial/testimonial-08.png" alt="testimonial image">
                            </div>
                            <div class="ms-tm2-img3 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                                <img src="assets/img/testimonial/testimonial-09.png" alt="testimonial image">
                            </div>
                            <div class="ms-tm2-img4 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                                <img src="assets/img/testimonial/testimonial-10.png" alt="testimonial image">
                            </div>
                            <div class="ms-tm2-img5 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                                <img src="assets/img/testimonial/testimonial-11.png" alt="testimonial image">
                            </div>
                            <div class="ms-tm2-img6 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                                <img src="assets/img/testimonial/testimonial-12.png" alt="testimonial image">
                            </div>
                            <div class="row justify-content-center bdFadeUp">
                                <div class="col-xl-8">
                                    <div class="ms-tm2-wrap">
                                        <div class="ms-tm2-active-rtl mb-60" dir="rtl">
                                            <div class="ms-tm2-item text-center">
                                                <div class="ms-tm2-img-main">
                                                    <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                        <div class="ms-tm2-signature w-img">
                                                            <img src="assets/img/testimonial/testimonial-signature.png"
                                                                alt="testimonial signature">
                                                        </div>
                                                        <div class="ms-tm2-author-img m-img">
                                                            <img src=" assets/img/testimonial/testimonial-06.png"
                                                                alt="testimonial image">
                                                        </div>
                                                    </div>
                                                    <div class="ms-tm2-content pt-35">
                                                        <div class="ms-tm2-quotation mb-25">
                                                            <i class="flaticon-quotation"></i>
                                                        </div>
                                                        <p class="ms-tm2-text mb-30">إنها سلسلة من الكلمات اللاتينية
                                                            هذا ، كما هم
                                                            المتمركزة ، تفعل
                                                            لا تشكل الجمل
                                                            بمعنى كامل ، ولكن تعطي الحياة
                                                            إلى نص اختبار مفيد لملء الفراغات التي ستحصل لاحقًا
                                                            كن مشغولا
                                                            من الاعلان
                                                            خاص
                                                            نصوص مؤلفة عن طريق الاتصال
                                                            المهنيين.</p>
                                                        <div class="ms-tm2-author">
                                                            <span class="ms-tm2-name">ديو كابريو</span>
                                                            <span class="ms-tm2-designation">CEO - ابتكار XYZ</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ms-tm2-item text-center">
                                                <div class="ms-tm2-img-main">
                                                    <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                        <div class="ms-tm2-signature w-img">
                                                            <img src="assets/img/testimonial/testimonial-signature.png"
                                                                alt="testimonial signature">
                                                        </div>
                                                        <div class="ms-tm2-author-img m-img">
                                                            <img src=" assets/img/testimonial/testimonial-06.png"
                                                                alt="testimonial image">
                                                        </div>
                                                    </div>
                                                    <div class="ms-tm2-content pt-35">
                                                        <div class="ms-tm2-quotation mb-25">
                                                            <i class="flaticon-quotation"></i>
                                                        </div>
                                                        <p class="ms-tm2-text mb-30">إنها سلسلة من الكلمات اللاتينية
                                                            هذا ، كما هم
                                                            المتمركزة ، تفعل
                                                            لا تشكل الجمل
                                                            بمعنى كامل ، ولكن تعطي الحياة
                                                            إلى نص اختبار مفيد لملء الفراغات التي ستحصل لاحقًا
                                                            كن مشغولا
                                                            من الاعلان
                                                            خاص
                                                            نصوص مؤلفة عن طريق الاتصال
                                                            المهنيين.</p>
                                                        <div class="ms-tm2-author">
                                                            <span class="ms-tm2-name">ديو كابريو</span>
                                                            <span class="ms-tm2-designation">CEO - ابتكار XYZ</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ms-tm2-item text-center">
                                                <div class="ms-tm2-img-main">
                                                    <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                        <div class="ms-tm2-signature w-img">
                                                            <img src="assets/img/testimonial/testimonial-signature.png"
                                                                alt="testimonial signature">
                                                        </div>
                                                        <div class="ms-tm2-author-img m-img">
                                                            <img src=" assets/img/testimonial/testimonial-06.png"
                                                                alt="testimonial image">
                                                        </div>
                                                    </div>
                                                    <div class="ms-tm2-content pt-35">
                                                        <div class="ms-tm2-quotation mb-25">
                                                            <i class="flaticon-quotation"></i>
                                                        </div>
                                                        <p class="ms-tm2-text mb-30">إنها سلسلة من الكلمات اللاتينية
                                                            هذا ، كما هم
                                                            المتمركزة ، تفعل
                                                            لا تشكل الجمل
                                                            بمعنى كامل ، ولكن تعطي الحياة
                                                            إلى نص اختبار مفيد لملء الفراغات التي ستحصل لاحقًا
                                                            كن مشغولا
                                                            من الاعلان
                                                            خاص
                                                            نصوص مؤلفة عن طريق الاتصال
                                                            المهنيين.</p>
                                                        <div class="ms-tm2-author">
                                                            <span class="ms-tm2-name">ديو كابريو</span>
                                                            <span class="ms-tm2-designation">CEO - ابتكار XYZ</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div
                                            class="ms-tm2-dots ms-tm-dots-horizontal ms-round-dots d-flex justify-content-center mt-20">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Testimonial area end here  -->

                <!-- Special Events Area Start -->
                <section class="ms-news-area ms-bg-2 pt-130 pb-90">
                    <div class="container">
                        <div class="row justify-content-center bdFadeUp">
                            <div class="col-xl-6">
                                <div class="section__title-wrapper text-center mb-65 bd-title-anim">
                                    <span class="section__subtitle">أحدث الأخبار</span>
                                    <h2 class="section__title">موسيقي <span class="animated-underline active">انسايت
                                            الصباح</span>
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="row bdFadeUp">
                            <div class="col-xl-4 col-md-6">
                                <div class="ms-news-item p-relative zindex-1 mb-40">
                                    <div class="ms-news-overlay p-absolute"></div>
                                    <div class="ms-news-thumb w-img">
                                        <a href="news-details.html"><img src="assets/img/news/news-01.png"
                                                alt="news image"></a>
                                    </div>
                                    <div class="ms-news-content ms-news-position p-absolute">
                                        <a class="ms-news2-cat mb-30" href="news-details.html">حدث</a>
                                        <h3 class="ms-news-title mb-15"><a href="news-details.html">علاوة على ذلك ، فإن
                                                موسيقانا الحية To The guaran tee تعني ذلك</a></h3>
                                        <div class="ms-news-meta d-inline-block">
                                            <span>15 فبراير 2023</span>
                                            <span><a href="news-details.html">0 تعليقات</a></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-6">
                                <div class="ms-news-item p-relative zindex-1 mb-40">
                                    <div class="ms-news-overlay p-absolute"></div>
                                    <div class="ms-news-thumb w-img">
                                        <a href="news-details.html"><img src="assets/img/news/news-02.png"
                                                alt="news image"></a>
                                    </div>
                                    <div class="ms-news-content ms-news-position p-absolute">
                                        <a class="ms-news2-cat mb-30" href="news-details.html">حفلة زفاف</a>
                                        <h3 class="ms-news-title mb-15"><a href="news-details.html">أصبحت الرقصة الأولى
                                                كزوجين</a></h3>
                                        <div class="ms-news-meta d-inline-block">
                                            <span>20 فبراير 2023</span>
                                            <span><a href="news-details.html">10 تعليقات</a></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-6">
                                <div class="ms-news-item p-relative zindex-1 mb-40">
                                    <div class="ms-news-overlay p-absolute"></div>
                                    <div class="ms-news-thumb w-img">
                                        <a href="news-details.html"><img src="assets/img/news/news-03.png"
                                                alt="news image"></a>
                                    </div>
                                    <div class="ms-news-content ms-news-position p-absolute">
                                        <a class="ms-news2-cat mb-30" href="news-details.html">حفل دي جي</a>
                                        <h3 class="ms-news-title mb-15"><a href="news-details.html">>لدينا مجموعة حصرية
                                                من الفرق الموسيقية الحية للتأجير لديها خبرة</a></h3>
                                        <div class="ms-news-meta d-inline-block">
                                            <span>25 فبراير 2023</span>
                                            <span><a href="news-details.html">14 تعليقًا</a></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Special Events Area End -->

                <!-- Popular  area start -->
                <section class="ms-popular__area pt-130 pb-100 fix">
                    <div class="container">
                        <div class="row align-items-end mb-25 bdFadeUp">
                            <div class="col-xl-6 col-lg-6">
                                <div class="section__title-wrapper mb-40 bd-title-anim">
                                    <span class="section__subtitle">الفئات الشعبية</span>
                                    <h2 class="section__title msg_title">
                                        <span class="animated-underline active">حفلة منتقاة بعناية</span> <br>
                                        العصابات لعام 2023
                                    </h2>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="ms-popular__tab ms-popular-flex mb-40">
                                    <nav>
                                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                            <button class="nav-link active" id="nav-popular-1-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-1" type="button" role="tab"
                                                aria-controls="nav-popular-1" aria-selected="true">أعمال
                                                موسيقية</button>
                                            <button class="nav-link" id="nav-popular-2-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-2" type="button" role="tab"
                                                aria-controls="nav-popular-2" aria-selected="false">الفنانين</button>
                                            <button class="nav-link" id="nav-popular-3-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-3" type="button" role="tab"
                                                aria-controls="nav-popular-3" aria-selected="false">خدمات
                                                المناسبات</button>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="row bdFadeUp">
                            <div class="col-xxl-12">
                                <div class="tab-content" id="nav-tabContent">
                                    <div class="tab-pane fade show active" id="nav-popular-1" role="tabpanel"
                                        aria-labelledby="nav-popular-1-tab" tabindex="0">
                                        <div class="swiper-container ms-popular-active fix">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-popular-2" role="tabpanel"
                                        aria-labelledby="nav-popular-2-tab" tabindex="0">
                                        <div class="swiper-container ms-popular-active fix">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-popular-3" role="tabpanel"
                                        aria-labelledby="nav-popular-3-tab" tabindex="0">
                                        <div class="swiper-container ms-popular-active fix">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-01.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">المطربين</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-02.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">العصابات والمجموعة</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-03.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">تحية</a>
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="ms-popular__item p-relative mb-30">
                                                        <div class="ms-popular__thumb">
                                                            <div class="ms-popular-overlay"></div>
                                                            <a href="genres-details.html"><img
                                                                    src="assets/img/popular/popular-04.png"
                                                                    alt="popular band"></a>
                                                            <a href="genres-details.html" class="ms-popular__link">
                                                                <span class="ms-popular-icon"><i
                                                                        class="fa-regular fa-arrow-right-long"></i></span>
                                                            </a>
                                                        </div>
                                                        <h4 class="ms-popular__title"><a
                                                                href="genres-details.html">موسيقيون منفردون
                                                            </a></h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- Popular  area end -->

            </main>

            <!-- Footer Area Start Here  -->
            <footer>
                <div class="ms-footer2-top ms-footer-bg ms-br-15 fix ms-footer-overlay two zindex-1 include__bg pt-130 pb-10 ms-maw-1810 mx-auto"
                    data-background="assets/img/bg/work-bg.jpg">
                    <div class="container">
                        <div class="ms-footer2-top-inner ms-br-100 ms-bg-4 mb-65">
                            <div class="row align-items-center">
                                <div class="col-xl-2 col-lg-3 col-md-4">
                                    <div class="ms-footer2-logo m-img mb-5">
                                        <a href="index-2.html"><img src="assets/img/logo/footer-logo.png"
                                                alt="footer logo"></a>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-3 col-md-6">
                                    <div class="ms-social-border two p-relative">
                                        <div class="ms-footer-social mb-15">
                                            <a href="https://www.linkedin.com/" title="Instagram" target="_blank">IN</a>
                                            <a href="https://twitter.com/" title="Twitter" target="_blank">TW</a>
                                            <a href="https://www.facebook.com/" title="Facebook" target="_blank">FB</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-12">
                                    <div class="ms-subscribe2-form p-relative mb-10 d-none d-sm-block">
                                        <i class="flaticon-mail"></i>
                                        <input type="text" placeholder="Enter your mail">
                                        <button type="submit" class="ms-subscribe2-btn">إشترك الآن <i
                                                class="fa-sharp fa-solid fa-paper-plane"></i></button>
                                    </div>

                                    <div class="ms-subscribe2-mobile p-relative mb-10 d-sm-none">
                                        <i class="flaticon-mail"></i>
                                        <input type="text" placeholder="Enter your mail">
                                        <button type="submit" class="ms-subscribe2-m-btn">إشترك الآن <i
                                                class="fa-sharp fa-solid fa-paper-plane"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xxl-4 col-lg-5 col-md-6">
                                <div class="ms-footer2-widget mb-50 pr-20">
                                    <h3 class="ms-footer2-title">ابقى على تواصل</h3>
                                    <div class="ms-footer2-contact pb-30">
                                        <ul>
                                            <li><i class="flaticon-pin"></i><a href="#">936 Kuhl Avenue, Norcross,
                                                    Georgia
                                                    GA 5983, United State</a></li>
                                            <li><i class="flaticon-phone-call"></i><a href="tel:03332920560">0333 292
                                                    0560</a></li>
                                            <li><i class="flaticon-mail"></i><a href="/cdn-cgi/l/email-protection#c5acaba3aa85a8b0b6aca6a9bca6aaabb1a4a6b1eba6aaa8"><span class="__cf_email__" data-cfemail="1b72757d745b766e68727877627874756f7a786f35787476">[email&#160;protected]</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ms-footer2-rating pt-25">
                                        <h3>ممتاز: 1050 مراجعة<a href="#"><img src="assets/img/footer/start-01.png"
                                                    alt="footer image"></a></h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-md-6">
                                <div class="ms-footer2-widget ms-footer2-widget2 mb-50">
                                    <h3 class="ms-footer2-title">شركة</h3>
                                    <ul>
                                        <li><a href="#">معلومات عنا</a></li>
                                        <li><a href="#">اتصل بنا</a></li>
                                        <li><a href="#">الشروط والسياسة</a></li>
                                        <li><a href="#">ساعد لدعم</a></li>
                                        <li><a href="#">يضعط</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-md-6">
                                <div class="ms-footer2-widget mb-50">
                                    <h3 class="ms-footer2-title">مجموعة الفرقة المحلية</h3>
                                    <ul>
                                        <li><a href="#">الحيل</a></li>
                                        <li><a href="#">مدينة الصوت</a></li>
                                        <li><a href="#">دعابة كبيرة</a></li>
                                        <li><a href="#">النغمات الجديدة</a></li>
                                        <li><a href="#">موسيقى الهالات</a></li>
                                        <li><a href="#">سوهو سول</a></li>
                                        <li><a href="#">الأطلسي</a></li>
                                        <li><a href="#">الخيال</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-md-6">
                                <div class="ms-footer2-widget mb-50">
                                    <h3 class="ms-footer2-title">الأنواع الشائعة</h3>
                                    <ul>
                                        <li><a href="#">فريق موسيقي لحفل زفاف</a></li>
                                        <li><a href="#">جاز وسوينغ</a></li>
                                        <li><a href="#">موسيقي او عازف</a></li>
                                        <li><a href="#">موسيقي كلاسيكي</a></li>
                                        <li><a href="#">حزب الشركات</a></li>
                                        <li><a href="#">فرقة الحفلة بريمير</a></li>
                                        <li><a href="#">أغاني دي جي</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-md-6">
                                <div class="ms-footer2-widget mb-50">
                                    <h3 class="ms-footer2-title">البلد الذي نخدمه</h3>
                                    <ul>
                                        <li><a href="#">الولايات المتحدة</a></li>
                                        <li><a href="#">كندا</a></li>
                                        <li><a href="#">أستراليا</a></li>
                                        <li><a href="#">الصين</a></li>
                                        <li><a href="#">كوريا الجنوبية</a></li>
                                        <li><a href="#">اليابان</a></li>
                                        <li><a href="#">سنغافورة</a></li>
                                        <li><a href="#">هونج كونج</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ms-footer-bottom">
                    <div class="container">
                        <div class="ms-footer-bottom-wrap text-center pt-35 pb-20">
                            <div class="ms-footer-copy">
                                <p>© Musicly 2023 ، جميع الحقوق محفوظة</p>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- Footer Area End Here  -->
        </div>
    </div>

    <!-- Back to top start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- Back to top end -->

    <!-- JS here -->
    <script src="assets/app/js/jquery-3.6.0.min.js"></script>
    <script src="assets/app/js/waypoints.min.js"></script>
    <script src="assets/app/js/bootstrap.bundle.min.js"></script>
    <script src="assets/app/js/nice-select.min.js"></script>
    <script src="assets/app/js/meanmenu.min.js"></script>
    <script src="assets/app/js/swiper-bundle.min.js"></script>
    <script src="assets/app/js/slick.min.js"></script>
    <script src="assets/app/js/magnific-popup.min.js"></script>
    <script src="assets/app/js/backtotop.js"></script>
    <script src="assets/app/js/ajax-form.js"></script>
    <script src="assets/app/js/jquery-ui.min.js"></script>
    <script src="assets/app/js/gsap.min.js"></script>
    <script src="assets/app/js/ScrollSmoother.min.js"></script>
    <script src="assets/app/js/ScrollToPlugin.min.js"></script>
    <script src="assets/app/js/SplitText.min.js"></script>
    <script src="assets/app/js/ScrollTrigger.min.js"></script>
    <script src="assets/app/js/jquery.jplayer.min.js"></script>
    <script src="assets/app/js/jplayer.playlist.js"></script>
    <!-- <script src="assets/app/js/settings.js"></script> -->
    <script src="assets/app/js/main.js"></script>
    <script>
        $(".ms-tm2-active-rtl").slick({
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            arrows: false,
            dots: true,
            rtl: true,
            appendDots: $('.ms-tm2-dots'),
        });
    </script>
</body>

</html>